<style lang="stylus" scoped>
  .app-main
    width 100%
  .fade-enter
    opacity 0
  .fade-enter-active
    transition opacity .2s
  .fade-enter-active
    transition opacity .2s
  .fade-leave
    opacity 1
  .fade-leave-active
    opacity 0
    transition opacity .2s
</style>

<template>
  <div class="app-main">
    <!-- <button @click="toNext">前进</button>
    <button @click="goBack">后退</button> -->
    <transition name="fade" mode="out-in">
      <router-view/>
    </transition>
    
    <Header></Header>
  </div>
</template>

<script>
import Login from '@/components/login'
import Header from '@/components/Header'
import axios from 'axios'
// D:\androidStudio
export default {
  name: 'Home',
	components: {
    Login,
    Header
  },
  data () {
    return {

    }
  },
  methods: {
    goBack(){
      this.$router.go(-1)
    },
    toNext(){
      this.$router.go(1)
    }
  }
}
</script>

